<template>
    <div>
      <h2>用户添加信息</h2>
      <form action="">
        用户名: <input v-model="user.name" type="text"><br>
        年龄: <input v-model="user.age" type="text"><br>
        生日: <input v-model="user.bir" type="text"><br>
        <input type="button" @click="saveUserInfo" value="添加用户信息">
      </form>
    </div>
</template>

<script>
    export default {
        name: "UserAdd",
        data(){
            return{
              user:{},
            }
        },
        methods:{
            saveUserInfo(){
              console.log(this.user);
              //发送axios请求
                this.$http.post("http://localhost:9000/vue/user/add",this.user).then(res=>{
                    console.log(res);
                    if (res.data.success){
                      this.$router.push("/user");//切换路由
                    }
                });
          }
        }
    }
</script>

<style scoped>

</style>
